<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <!-- 让部分国产浏览器默认采用高速模式渲染页面 -->
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="xx,xx,xx" />
    <meta name="description" content="yyyyyyy" />
    <title>首页</title>

    <!-- Bootstrap -->
    <link href="images/favicon.ico" type="images/x-icon" rel="shortcut icon" />
    <link rel="stylesheet" href="css/reset.css">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/header.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

        .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            background-color: #fff;
            opacity: 1;
        }

        .swiper-pagination-bullet-active {
            width: 30px;
            height: 8px;
            background-color: #fff;
            border-radius: 10px;
            opacity: 1;
        }

        .swiper-container2>.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 5px 40px;
        }
    </style>
</head>

<body>
    <div class="wrap">
        <div class="header">
            <div class="phone_nav">
                <div class="height"></div>
                <div class="top">
                    <a href="/" class="a">
                        <img src="./images/small-logo.png">
                    </a>
                    <a href="javascript:;" class="but" id="but2">
                        <i></i>
                    </a>
                </div>
                <div class="box">
                    <div class="box_con" style="height: 821px;">
                        <ul id="ul">
                            <li>
                                <a href="javascript:;">首页</a>
                            </li>
                            <li>
                                <a href="javascript:;">精品课程</a>
                            </li>
                            <li>
                                <a href="javascript:;">直播课堂</a>
                            </li>
                            <li>
                                <a href="javascript:;">资料下载</a>
                            </li>
                            <li>
                                <a href="javascript:;">联系我们</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="head">
                <a href="javascript:;" class="logo">
                    <img src="./images/logo.png">
                </a>
                <div class="nav">
                    <a href="javascript:;">首页</a>
                    <a href="javascript:;">精品课程</a>
                    <a href="javascript:;">直播课堂</a>
                    <a href="javascript:;">资料下载</a>
                    <a href="javascript:;">联系我们</a>
                </div>
            </div>


        </div>
        <div class="content">
            <div class="banner-box">
                <div class="broadcast1">
                    <div class="swiper-container1 swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="banner1">
                                    <img class="b1-di" src="./images/b1-di.png" alt="banner1">
                                    <div class="ma">
                                        <img class="ani" swiper-animate-effect="wobble" swiper-animate-duration="6s" swiper-animate-delay="0.3s" src="./images/ma.png"
                                            alt="ma">
                                    </div>
                                    <div class="cm-box">
                                        <img class="b4 ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s" src="./images/b4.png"
                                            alt="b4">
                                        <div class="b3">
                                            <img class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s" src="./images/b3.png"
                                                alt="b3">
                                        </div>
                                        <div class="cm-bottom ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.3s">
                                            <div class="cm-box1">
                                                <a href="javascript:;">名师授课</a>
                                                <a href="javascript:;">独家讲义</a>
                                                <a href="javascript:;">全程答疑</a>
                                                <a href="javascript:;">备考规则</a>
                                                <a href="javascript:;">直播课堂</a>
                                            </div>
                                            <div class="cm-box2">
                                                <div class="box2-left box2-e">
                                                    <a href="javascript:;">
                                                        获取资源>>
                                                    </a>
                                                </div>
                                                <div class="box2-right box2-e">
                                                    <a href="javascript:;">
                                                        申请课程>>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="banner2">
                                    <img class="b2-di" src="./images/b2-di.png" alt="banner2">
                                    <div class="b2-box">
                                        <img class="b2-zi ani" swiper-animate-effect="fadeIn" swiper-animate-duration=".5s" swiper-animate-delay="0.6s" src="./images/b2-zi.png"
                                            alt="zi">
                                        <img class="b2-tu ani" swiper-animate-effect="fadeIn" swiper-animate-duration=".5s" swiper-animate-delay="0.2s" src="./images/b2-tu.png"
                                            alt="tu">
                                        <div class="b2-cm ani" swiper-animate-effect="fadeInUp" swiper-animate-duration=".5s" swiper-animate-delay="0.6s">
                                            <a href="javascript:;">报考政策咨询</a>
                                            <a href="javascript:;">在线测评系统</a>
                                            <a href="javascript:;">制定个性学习方案</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="banner3">
                                    <img class="b3-di" src="./images/b3-di.png" alt="banner3">
                                    <div class="b3-box">
                                        <div class="b3top">
                                            <img class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration=".5s" swiper-animate-delay="0.2s" src="./images/b3-1.png"
                                                alt="zi">
                                            <img class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration=".5s" swiper-animate-delay="0.4s" src="./images/b3-2.png"
                                                alt="zi">
                                            <img class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration=".5s" swiper-animate-delay="0.6s" src="./images/b3-3.png"
                                                alt="zi">
                                        </div>
                                        <img class="bishi" src="./images/bishi.png" alt="zi">
                                        <div class="b3cent">
                                            <img class="b3-kuan ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration=".8s" swiper-animate-delay="0.3s" src="./images/b3-kuan.png"
                                                alt="kk">
                                            <img class="b3-kzi ani" swiper-animate-effect="fadeInRight" swiper-animate-duration=".8s" swiper-animate-delay="0.3s" src="./images/b3-kzi.png"
                                                alt="kk">
                                        </div>
                                        <a class="dianji" href="javascript:;">
                                            <img src="./images/dianji.png" alt="anniu">
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
                <div class="broadcast2">
                    <div class="swiper-container2 swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="banner1 banner">
                                    <img class="b1-di bdi" src="./images/shouji1.png" alt="banner1">
                                    <div class="bgc">
                                        <a href="javascript:;">
                                            名师授课/独家讲义/全程答疑/备考规则/直播课堂
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="banner2 banner">
                                    <img class="b1-di bdi" src="./images/shouji2.png" alt="banner1">
                                    <div class="bgc">
                                        <a href="javascript:;">
                                            报考政策咨询/在线测评系统/制定个性学习方案
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="banner3 banner">
                                    <img class="b1-di bdi" src="./images/shouji3.png" alt="banner1">
                                    <div class="bgc">
                                        <a href="javascript:;">
                                            了解上岸计划，带您一起学习
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
            </div>

            <div class="con2-box">
                <div class="excourse-box">
                    <div class="ex-header">
                        <h2>精品课程</h2>
                        <h4>国维，不止能让您考上理想院校</h4>
                        <h4>我们信仰并一直坚持，为您提供优质轻松得学习平台</h4>
                    </div>
                    <div class="ex-content">
                        <div class="ex-list">
                            <img src="./images/curriculum_bg.png" alt="bb">
                            <div class="imgmeng">管综+英语</div>
                            <div class="exlist-bottom">
                                <p>独家名师，多方发力，助力领跑，直通名校</p>
                                <a href="#">点击了解</a>
                            </div>
                        </div>
                        <div class="ex-list">
                            <img src="./images/curriculum_bg.png" alt="bb">
                            <div class="imgmeng">管综</div>
                            <div class="exlist-bottom">
                                <p>专业讲师，权威解析，即时辅导，实时答题</p>
                                <a href="javascript:;">点击了解</a>
                            </div>
                        </div>
                        <div class="ex-list">
                            <img src="./images/curriculum_bg.png" alt="bb">
                            <div class="imgmeng">直播课堂</div>
                            <div class="exlist-bottom">
                                <p>生动有趣，直击考点，内容充实，服务贴心</p>
                                <a href="javascript:;">点击了解</a>
                            </div>
                        </div>
                        <div class="ex-list">
                            <img src="./images/curriculum_bg.png" alt="bb">
                            <div class="imgmeng">上岸计划</div>
                            <div class="exlist-bottom">
                                <p>每天督学，集中火力，高效备考，精密提分</p>
                                <a href="javascript:;">点击了解</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="adp-box" onclick="erweima()">
                    <a href="javascript:;">
                        <img src="./images/sign_button_bg.png" alt="sign">
                    </a>
                </div>
            </div>
            <div class="cufe-box">
                <div class="ex-header">
                    <h2>精品课程</h2>
                    <h4>国维，不止能让您考上理想院校</h4>
                    <h4>我们信仰并一直坚持，为您提供优质轻松得学习平台</h4>
                </div>
                <div class="cufe-content">
                    <div class="cufe-lists">
                        <!-- 字数最多8个字 -->
                        <div class="cufe-list">
                            <img src="./images/01.png" alt="01"> 一次报班，五年免费
                        </div>
                        <div class="cufe-list">
                            <img src="./images/02.png" alt="02"> 授课名师，全程答疑
                        </div>
                        <div class="cufe-list">
                            <img src="./images/03.png" alt="03"> 专属学习顾问
                        </div>
                        <div class="cufe-list">
                            <img src="./images/04.png" alt="04"> 阶段备考，规划指导
                        </div>
                        <div class="cufe-list">
                            <img src="./images/05.png" alt="05"> 独家真题模考
                        </div>
                        <div class="cufe-list">
                            <img src="./images/06.png" alt="06"> 内部绝密题库
                        </div>
                        <div class="cufe-list">
                            <img src="./images/07.png" alt="07"> 全程线上督学
                        </div>
                        <div class="cufe-list">
                            <img src="./images/08.png" alt="08"> 模考批改讲评
                        </div>
                    </div>
                    <div class="cufe-btn">
                        <a href="javascript:;">
                            <img src="./images/button.png" alt="anniu">
                        </a>
                    </div>
                </div>
            </div>
            <div class="curcla-box">
                <div class="ex-header">
                    <h2>课程分类</h2>
                    <h4>国维，不止能让您考上理想院校</h4>
                    <h4>我们信仰并一直坚持，为您提供优质轻松得学习平台</h4>
                </div>
                <div class="curcla-content">
                    <div class="curcla-lists">
                        <div class="curcla-list">
                            <a href="javascript:;">
                                提前面试
                            </a>
                        </div>
                        <div class="curcla-list">
                            <a href="javascript:;">
                                基础班
                            </a>
                        </div>
                        <div class="curcla-list">
                            <a href="javascript:;">
                                强化班
                            </a>
                        </div>
                        <div class="curcla-list">
                            <a href="javascript:;">
                                冲刺班
                            </a>
                        </div>
                        <div class="curcla-list">
                            <a href="javascript:;">
                                模拟押题
                            </a>
                        </div>
                        <div class="curcla-list">
                            <a href="javascript:;">
                                独家精品
                            </a>
                        </div>
                        <div class="curcla-list">
                            <a href="javascript:;">
                                国维特色
                            </a>
                        </div>
                        <div class="curcla-list">
                            <a href="javascript:;">
                                复试调剂
                            </a>
                        </div>
                    </div>
                    <div class="curcla-btn">
                        <a href="javascript:;">
                            点击报名，学费减半
                        </a>
                    </div>
                </div>
            </div>
            <div class="dadown-box">
                <div class="ex-header">
                    <h2>资料下载</h2>
                    <h4>国维，不止能让您考上理想院校</h4>
                    <h4>我们信仰并一直坚持，为您提供优质轻松得学习平台</h4>
                </div>
                <div class="dadown-content">
                    <div class="dadown-lists">
                        <div class="dadown-list">
                            <img src="./images/real_problem.png" alt="历史真题">
                            <p>历史真题</p>
                        </div>
                        <div class="dadown-list">
                            <img src="./images/question_bank.png" alt="历史真题">
                            <p>海量题库</p>
                        </div>
                        <div class="dadown-list">
                            <img src="./images/original.png" alt="历史真题">
                            <p>独家原创</p>
                        </div>
                        <div class="dadown-list">
                            <img src="./images/evaluation.png" alt="历史真题">
                            <p>在线测评</p>
                        </div>
                        <div class="dadown-list">
                            <img src="./images/test_questions.png" alt="历史真题">
                            <p>精编试题</p>
                        </div>
                        <div class="dadown-list">
                            <img src="./images/download.png" alt="历史真题">
                            <p>免费下载</p>
                        </div>
                    </div>
                    <div class="dadown-btn">
                        <a href="javascript:;">
                            点击咨询，领取资料
                        </a>
                    </div>
                </div>
            </div>
            <div class="couarr-box">
                <div class="ex-header">
                    <h2>课程安排</h2>
                    <h4>国维，不止能让您考上理想院校</h4>
                    <h4>我们信仰并一直坚持，为您提供优质轻松得学习平台</h4>
                </div>
                <div class="couarr-content">
                    <div class="couarr-lists">
                        <div class="couarr-list">
                            <div class="couarr-header">
                                1-5月课程安排
                            </div>
                            <div class="couarr-cont">
                                <h2>基础阶段</h2>
                                <p>紧贴大纲考点打基础，知识点由浅入深易吸收。以题带点不死记效果显著，快速把握备考知识点。</p>
                                <a href="#">了解基础班课程</a>
                            </div>
                        </div>
                        <div class="couarr-list">
                            <div class="couarr-header">
                                6-10月课程安排
                            </div>
                            <div class="couarr-cont">
                                <h2>强化阶段</h2>
                                <p>循序渐进，稳步提高；阶段规则，稳步提高；考题讲解，题型分类；巩固考点，冲刺高飞。</p>
                                <a href="#">了解基础班课程</a>
                            </div>
                        </div>
                        <div class="couarr-list">
                            <div class="couarr-header">
                                11月课程安排
                            </div>
                            <div class="couarr-cont">
                                <h2>冲刺阶段</h2>
                                <p>历年真题，一网打尽；高频考点，反复复习；独家秘笈，快速突破； 全面提升，应试能力。应试能力。</p>
                                <a href="#">了解基础班课程</a>
                            </div>
                        </div>
                        <div class="couarr-list">
                            <div class="couarr-header">
                                12月课程安排
                            </div>
                            <div class="couarr-cont">
                                <h2>模拟押题阶段</h2>
                                <p>模拟押题，批改讲评；考前冲击，高效提分；考点串讲，把握命题；名师押题，直击考点。</p>
                                <a href="#">了解基础班课程</a>
                            </div>
                        </div>
                    </div>
                    <div class="dadown-btn">
                        <a href="javascript:;">
                            点击报名，学费减半
                        </a>
                    </div>
                </div>
            </div>
            <div class="cooper-box">
                <div class="ex-header">
                    <h2>课程安排</h2>
                    <h4>需要了解更多合作细节,请联系相关负责人</h4>
                </div>
                <div class="cooper-content">
                    <div class="cooper-lists">
                        <div class="cooper-list">
                            <div class="cooper-left">
                                <img src="./images/head_portrait.png" alt="touxiang">
                            </div>
                            <div class="cooper-right">
                                <div class="cooper-top">
                                    <div class="coopertop-le">
                                        <p class="cooper-name">随风走</p>
                                        <p>工作职位</p>
                                    </div>
                                    <div class="coopertop-ri">
                                        <img src="./images/head_code.png" alt="he">
                                    </div>
                                </div>
                                <div class="cooper-bottom">
                                    <p>联系电话:15666668899</p>
                                    <p>联系微信:15666668899</p>
                                </div>
                            </div>
                        </div>
                        <div class="cooper-list">
                            <div class="cooper-left">
                                <img src="./images/head_portrait.png" alt="touxiang">
                            </div>
                            <div class="cooper-right">
                                <div class="cooper-top">
                                    <div class="coopertop-le">
                                        <p class="cooper-name">随风走</p>
                                        <p>工作职位</p>
                                    </div>
                                    <div class="coopertop-ri">
                                        <img src="./images/head_code.png" alt="he">
                                    </div>
                                </div>
                                <div class="cooper-bottom">
                                    <p>联系电话:15666668899</p>
                                    <p>联系微信:15666668899</p>
                                </div>
                            </div>
                        </div>
                        <div class="cooper-list">
                            <div class="cooper-left">
                                <img src="./images/head_portrait.png" alt="touxiang">
                            </div>
                            <div class="cooper-right">
                                <div class="cooper-top">
                                    <div class="coopertop-le">
                                        <p class="cooper-name">随风走</p>
                                        <p>工作职位</p>
                                    </div>
                                    <div class="coopertop-ri">
                                        <img src="./images/head_code.png" alt="he">
                                    </div>
                                </div>
                                <div class="cooper-bottom">
                                    <p>联系电话:15666668899</p>
                                    <p>联系微信:15666668899</p>
                                </div>
                            </div>
                        </div>
                        <div class="cooper-list">
                            <div class="cooper-left">
                                <img src="./images/head_portrait.png" alt="touxiang">
                            </div>
                            <div class="cooper-right">
                                <div class="cooper-top">
                                    <div class="coopertop-le">
                                        <p class="cooper-name">随风走</p>
                                        <p>工作职位工作职位工作职位工作职位</p>
                                    </div>
                                    <div class="coopertop-ri">
                                        <img src="./images/head_code.png" alt="he">
                                    </div>
                                </div>
                                <div class="cooper-bottom">
                                    <p>联系电话:15666668899</p>
                                    <p>联系微信:15666668899</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="underus-box">
                <div class="ex-header">
                    <h2>了解我们</h2>
                    <h4>为什么么选择国维？我给你答案</h4>
                </div>
                <div class="underus-content">
                    <div class="underus-list">
                        <div class="underuslist-top">
                            我们专注
                        </div>
                        <div class="underuslist-bottom">
                            <p>多年只做一件事,</p>
                            <p>只为更好的！</p>
                        </div>
                    </div>
                    <div class="underus-list">
                        <div class="underuslist-top">
                            我们专心
                        </div>
                        <div class="underuslist-bottom">
                            <p>专心做好一件事,</p>
                            <p>拼尽全力只为你。</p>
                        </div>
                    </div>
                    <div class="underus-list">
                        <div class="underuslist-top">
                            我们专业
                        </div>
                        <div class="underuslist-bottom">
                            <p>专业的力量助你成功,</p>
                            <p>所以我们更出色！</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footer-content">
                <div class="footer-top">
                    <div class="footertop-contact">
                        <h2>联系我们</h2>
                        <p>公司邮箱：hkasfsn@yh.com</p>
                        <p>公司电话：010-26482656</p>
                        <p>公司地址：北京市海淀区大柳树富海中心1208-103室</p>
                    </div>
                    <div class="footertop-signup">
                        <h2>现在报名优惠300元</h2>
                        <form action="" method="" class="dianji">
                            <p>
                                姓名：
                                <input type="text" name="name">
                            </p>
                            <p>
                                手机号：
                                <input type="text" name="phone">
                            </p>
                            <button type="submit">提交报名</button>
                        </form>
                    </div>
                    <div class="erweima">
                        <img src="./images/bottom_code.png" alt="erweima">
                        <p>扫描关注国维公众号</p>
                    </div>
                </div>
                <div class="footer-bottom">
                    <p>技术支持：浪博科技&#x3000;&#x3000;豫ICP备17015023号</p>
                </div>
            </div>
        </div>
        <div class="ce-box">
            <div class="cebian">
                <a href="#">
                    <h3>2019考研</h3>
                    <h2>备考咨询</h2>
                    <!-- 7个  zuiduo 6个字 -->
                    <p>上岸计划</p>
                    <p>零基础方案</p>
                    <p>免费课程</p>
                    <p>公益备考</p>
                    <p>历年真题</p>
                    <p>资料下载</p>
                    <p>创业基金</p>
                    <div class="erweima">
                        <img src="./images/sideba_code.png" alt="erweima">
                        <!-- 八个字 -->
                        <p>扫码报班，学费减半</p>
                    </div>
                </a>
            </div>
            <img class="chajian" src="./images/top.png" alt="top">
        </div>
        <div class="mengban">
            <div class="erweima-box">
                <img class="close1" src="./images/×.png" alt="x">
                <img class="er" src="./images/sideba_code.png" alt="erweima">
                <a href="javascript:;">
                    添加懂你MBA王老师咨询
                </a>
            </div>
        </div>
    </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-1.12.4.min.js"></script>

    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/common.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script src="js/swiper.animate1.0.3.min.js"></script>

    <!-- 数字滚动js效果 -->
    <!-- <script type="text/javascript" src="js/countup.js"></script> -->
    <script>
        adddot($('.couarr-cont p'), 44)
        // lun
        var swiper = new Swiper('.swiper-container1', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            autoplay: 5000,
            loop: true,
            onInit: function (swiper) { //Swiper2.x的初始化是onFirstInit
                swiperAnimateCache(swiper); //隐藏动画元素 
                swiperAnimate(swiper); //初始化完成开始动画
            },
            onSlideChangeEnd: function (swiper) {
                swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
            }
        });
        var swiper2 = new Swiper('.swiper-container2', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            autoplay: 3000,
            loop: true,

        });


        // 返回顶部
        if ($(document).scrollTop() < 660) {
            $('.chajian').css('display', 'none')
        } else {
            $('.chajian').css('display', 'block')

        }

        $(document).scroll(function () {
            if ($(document).scrollTop() < 660) {
                $('.chajian').css('display', 'none')
            } else {
                $('.chajian').css('display', 'block')

            }
        })

        $('.chajian').click(function () {
            var speed = 500; //滑动的速度
            $('body,html').animate({
                scrollTop: 0
            }, speed);
            return false;
        })

        // nav
        $(function () {
            $("#but2").click(function () {
                $(this).parent().parent().parent().toggleClass("body_on");
                $(this).parent().parent().toggleClass("phone_on");
            });
            $(".box_con>ul>li>i").click(function () {
                $(this).parent().toggleClass("i_on");
            });
            $(".box_con>ul>li>ul>li>i").click(function () {
                $(this).parent().toggleClass("i_on");
            });
            $(".box_con").css('height', $(window).height() - 50 + "px");

        });

        $('[name="phone"]').blur(function () {
            var mobile = $('[name="phone"]').val()
            if (!(/^((\d{3}-\d{8}|\d{4}-\d{7,8})|(1[3|5|7|8][0-9]{9}))$/.test(mobile))) {
                alert('格式错误');
                return false;
            }
        })
        $('.dianji').submit(function (e) {
            if ($.trim($('[name="phone"]').val()).length == 0) {
                alert('手机号不能为空')
                e.preventDefault();
                return false;
            }
        });

        // 点击事件出二维码 
        $(".mengban").css("display", 'none')
        function erweima() {
            $(".mengban").css("display", 'block');
            $(".close1").click(function () {
                $(".mengban").css("display", 'none');
            })
        }

    </script>
</body>

</html>